<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p>朝辞白帝彩云间，千里江陵一日还。 -- 李白</p>
    <p>会当凌绝顶，一览众山小。 -- 杜甫</p>
    <p>一泊沙来一泊去，一重浪灭一重生。 -- 白居易</p>
    <p>春眠不觉晓，处处闻啼鸟。 -- 孟浩然</p>
    <p>春蚕到死丝方尽，蜡炬成灰泪始干。 -- 李商隐</p>
    <p>桃花潭水深千尺，不及汪伦送我情。 -- 李白</p>
    <script>
        // 获取标签中的数据
        // document.getElementsByTagName 获取标签
        let ps =  document.querySelectorAll("p"); // 获取标签
        console.log(ps);  // ps[0].innerText
        // 截取字符串的三种方法
        // slice (开始下标， 结束下标) 接受负数，代表从后往前数
        // substr(开始下标，长度)
        // substring(开始下标， 结束下标) 不接受负数

        // split  字符串分割数组
        let result = [];
        ps.forEach(item=>{
            console.log(item.innerText);
            console.log(item.innerText.split("-- "))
            result.push(item.innerText.split("-- ")[1])
        })

        console.log(result);

        // result 是放了诗人的数组
        // 去重   set  
        // set是es6的数据结构，set中没有重复值都是唯一的
        // Set本质是构造函数, 用new 方法声明set 实例化对象,  set不是数组是对象
        // set 没有重复值都是唯一的,会自动把重复值删除
        
        
        let succs = [...new Set(result)];
        console.log(succs);
        // 把对象转化成数组

        


        
    
    
    </script>
</body>
</html>